@keyframes allContentFadeIn{
    0%{opacity:0;transform: translateY(-36px)}
    100%{opacity:1;transform: translateY(0px)}
}

@keyframes allContentFadeOut{
    0%{opacity:1;transform: translateY(0px)}
    100%{opacity:0;transform: translateY(-36px)}
}

/*OVERLAY START*/

#plus_overlay{
    top:0px;
    width:100%;
    height:100%;
    background-color:#000;
    position:fixed;
    display:none;
    z-index:998;
    /*Animation*/
    animation-duration: 0.5s;
    animation-iteration-count: 1;
    animation-delay: 0s;

}

#o_close{
    transform: rotate(45deg);
    width: 50px;
}

.plus_overlay_close{
    right: 150px;
    top: 150px;
    position: fixed;
    z-index: 999;
    cursor: pointer;
}

.plus_overlay_container{
    width:80%;
    margin-top:150px;
    margin-left:150px;
    
}

.po_item{
    margin-bottom:40px;
    opacity: 0.7;
    transition: all 240ms ease-in-out;
}

.po_item:hover{
    opacity: 1;
}

.po_item a{
    color:#fff;
    font-size:36px;
    text-decoration: none;
}


/*HEADER START*/

.header{
    margin:0;
    width:100%;
    background-color:#fafafa;
    z-index:997;
    /*position: fixed;*/
    /*Animation*/
    animation-name: allContentFadeIn;
    animation-duration: 1.0s;
    animation-iteration-count: 1;
    animation-delay: 0s;
    transition: all 360ms ease-in-out;
}


.h_container{
    width:100%;
    height:70px;
    transition: all 360ms ease-in-out;
}

.h_logo_container{
    margin-top:45px;
    margin-left:40px;
    transition: all 360ms ease-in-out;
}

#h_logo{
    width:180px;
    cursor: pointer;
    transition: all 180ms ease-in-out;
}

#h_plus{
    transition: all 360ms ease-in-out;
}

.h_contact_container{
    float: right;
    margin-top: -50px;
    margin-right: 40px;
    font-weight: normal;
    opacity: 1;
    cursor: pointer;
    transition: all 300ms ease-in-out;
}

.h_contact_container:hover{
    opacity: 0.8;
}
